<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
		<link rel="stylesheet" href="../css/style-reset.css">
		<title>给老师留言</title>

		<style>
			.content form{
				padding: 10px 15px;
			}
			textarea.msgteacher{
				border: none;
				outline: none;
				background-color: #fff;
				width: 96%;
				height: 130px;
				padding: 5px 2%;
				font-size: 14px;
				color: #42455c;
				resize: none;
			}
			textarea:-webkit-textarea-placeholder{
				font-size: 14px;
				color: #b4b4b4;
			}
			.content form p{
				margin-top: 15px;
				font-size: 14px;
				color: #b4b4b4;
				text-align: center;
			}
			/* button */
			.msg-btn{
				position: fixed;
				bottom: 15px;
				left: 2.5%;
				right: 2.5%;
				display: block;
				height: 35px;
				width: 95%;
				margin: 0 auto;
				border: none;
				border-radius: 4px;
				background-color: #53ceca;
				font-size: 16px;
				font-weight: 600;
				color: #fff;
				text-align: center;
				line-height: 35px;
			}
		</style>
	</head>
	<body>
		<div class="content">
			<form action="">
				<textarea class="msgteacher" id="msgToTeacher" placeholder="关于上课内容、强度等，有什么想和老师说的吗？"></textarea>
				<p>老师收到留言后，会尽快与您联系哦!</p>
			</form>
			<button class="msg-btn" type="button">发送留言</button>
		</div>
	</body>
</html>